<template>
  <div class="mike-promotion">
    <!--    <el-menu :default-active="activeTabIndex" class="el-menu-demo" mode="horizontal" @select="onTabMenuSelect">-->
    <!--        <el-menu-item index="1">推荐位管理</el-menu-item>-->

    <!--        <el-menu-item index="2">菜谱合集管理</el-menu-item>-->
    <!--    </el-menu>-->

    <div class="container">
      <!--        推荐位-->
      <mike-promotion-recommend
        v-if="activeTabIndex === '1'"
      />

      <!--        合集-->
      <!--        <mike-promotion-collection v-if="activeTabIndex==='2'"></mike-promotion-collection>-->
    </div>
  </div>
</template>

<script>
import MikePromotionRecommend from './mike.promotion.recommend'
// import MikePromotionCollection from './collection'
export default {
  name: 'MikePromition',
  components: { MikePromotionRecommend },
  data () {
    return {
      activeTabIndex: '1'
    }
  },
  methods: {
    onTabMenuSelect (key, keyPath) {
      this.activeTabIndex = key
    }
  }
}
</script>

<style scoped lang="scss">
.mike-promotion {
}
</style>
